﻿@model List<ZhouJF.Management.WebUI.Models.MenuItemModel>
@{
    Layout = null;
}
<div class="page-sidebar-wrapper">
    <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
    <div class="page-sidebar navbar-collapse collapse">
        <!-- BEGIN SIDEBAR MENU -->
        <ul class="page-sidebar-menu " data-auto-scroll="true" data-slide-speed="200">
            <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
            <li class="sidebar-toggler-wrapper">
                <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
                <div class="sidebar-toggler">
                </div>
                <!-- END SIDEBAR TOGGLER BUTTON -->
            </li>
            <!-- DOC: To remove the search box from the sidebar you just need to completely remove the below "sidebar-search-wrapper" LI element -->
            @*<li class="sidebar-search-wrapper">
                <!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
                <!-- DOC: Apply "sidebar-search-bordered" class the below search form to have bordered search box -->
                <!-- DOC: Apply "sidebar-search-bordered sidebar-search-solid" class the below search form to have bordered & solid search box -->
                <form class="sidebar-search " action="extra_search.html" method="POST">
                    <a href="javascript:;" class="remove">
                        <i class="icon-close"></i>
                    </a>
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Search...">
                        <span class="input-group-btn">
                            <a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
                        </span>
                    </div>
                </form>
                <!-- END RESPONSIVE QUICK SEARCH FORM -->
            </li>*@

            @foreach (var node in Model)
            {
                <li class="@(node.IsActive?"active":"")">
                    <a href="@(string.IsNullOrEmpty(node.Url) ? "javascript:;" : node.Url)">
                        @if (!string.IsNullOrEmpty(node.IconClass))
                        {
                            <i class="@node.IconClass"></i>
                        }
                        <span class="title">@node.Text</span>
                        <span class="@(node.IsActive?"selected":"arrow ")"></span>
                    </a>
                    @if (node.Children.Count > 0)
                    {
                        <ul class="sub-menu">
                            @foreach (var item in node.Children)
                            {
                                <li class="@(item.IsActive ? "active" : "")">
                                    <a href="@item.Url">
                                        @if (!string.IsNullOrEmpty(item.IconClass))
                                        {
                                            <i class="icon-home"></i>
                                        }
                                        @item.Text
                                    </a>
                                </li>
                            }
                        </ul>
                    }
                </li>
            }
        </ul>
        <!-- END SIDEBAR MENU -->
    </div>
</div>